// Grunt 常用插件及总结
const sass = require('sass')
const loadGruntTasks = require('load-grunt-tasks')
module.exports = grunt =>{
    // 为插件配置初始化方法
    grunt.initConfig({
        sass:{
            options:{
                sourceMap: true, 
                implementation: sass
            },
            main: {
                files: {
                    'dist/css/main.css': 'src/sass/main.scss' // 文件的入口与出口
                }
            }
        },
        babel:{
            options:{
                sourceMap: true, 
                presets: ['@babel/preset-env']
            },
            main:{
                files: {
                    'dist/js/index.js': 'src/js/index.js'
                }
            }
        },
        watch:{
            js:{
                files: ['src/js/*.js'],
                tasks:['babel']
            },
            css:{
                files: ['src/sass/*.scss'],
                tasks: ['sass']
            }
        }
    })


    //grunt.loadNpmTasks('grunt-sass')
    loadGruntTasks(grunt) // 自动加载所有的 grunt 插件中的任务

    grunt.registerTask('default', ['sass', 'babel', 'watch'])

}